<?xml version="1.0"?>
<!DOCTYPE window>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        title="XUL Grid Test">
  <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
    window { background: black; }
    hbox { height: 100px; width: 100px; }
  ]]></style>
  <grid flex="1">
    <!-- does anybody actually *want* the way columns align="start" behaves here? -->
    <columns align="start">
      <column style="background: rgb(0, 255, 0)">
        <hbox />
        <hbox />
        <hbox />
      </column>
      <column>
        <hbox style="background: rgb(0, 255, 0)" />
        <hbox style="background: rgb(0, 255, 0)" />
        <hbox style="background: rgb(0, 255, 0)" />
      </column>
      <column>
        <hbox />
        <hbox />
        <hbox />
      </column>
    </columns>
    <rows align="start">
      <row style="background: rgba(0, 0, 255, 0.6)">
        <hbox />
        <hbox />
        <hbox />
      </row>
      <row>
        <hbox style="background: rgba(0, 0, 255, 0.6)" />
        <hbox style="background: rgba(0, 0, 255, 0.6)" />
        <hbox style="background: rgba(0, 0, 255, 0.6)" />
      </row>
      <row>
        <hbox />
        <hbox />
        <hbox />
      </row>
    </rows>
  </grid>
</window>
